<style>
  .btn{
    color: #00aaee;
    cursor: pointer;
  }
  .modal-main{
    background: #fff;
    width: 100%;
  }
  .modal-box{
    position: relative;
  }
  .main-box{
    max-width: 1000px;
    margin: 0 auto;
  }
  .all-box{
    width: 100%;
  }
</style>
<template>
  <main>
    <div class="modal-box main-box" v-for="item in modal">
      <div class="modal-main" :style="{width:(item.width?item.width:'auto'),height:(item.height?item.height:'auto')}">
        <h4>编辑</h4>
        <div class="modal-content">

        </div>
      </div>
    </div>
  </main>
</template>

<script>

  import { mapGetters, mapActions } from 'vuex'

  export default {
    data () {
      return {
        modal: [
          {
            width:'200px',
            height:'300px',
          },
          {
            width:'200px',
            height:'300px',
          },
        ]
      }
    },
    methods: {
      ...mapActions([
        'toggleSidebars'
      ]),

      setTpl () {
      }
    },
    computed:  mapGetters({
      sidebar: 'sidebar',
      tpl: 'tpl'
    }),
    components: {},
    mounted () {
    let vm = this
      this.toggleSidebars(false)
    this.$parent.$parent.$refs.nav.status = false
    }
  }
</script>
